
//首页第一个轮播事件
$(function (){
    $("#mainslider").slidebox({
        boxh: 400,//盒子的高度
        w: 1000,//图片的宽度
        h: 400,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
//图书轮播事件
$(function (){
    $(".ebookslider").slidebox({
        boxh:220,//盒子的高度
        w: 332,//图片的宽度
        h: 220,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
//服装轮播事件
$(function (){
    $("#dreslider").slidebox({
        boxh:340,//盒子的高度
        w: 430,//图片的宽度
        h: 340,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})
//户外轮播事件
$(function (){
    $("#exeslider").slidebox({
        boxh:340,//盒子的高度
        w: 430,//图片的宽度
        h: 340,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})




//童装轮播事件
$(function (){
    $("#childslider").slidebox({
        boxh:340,//盒子的高度
        w: 430,//图片的宽度
        h: 340,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 10,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 12,//控制按钮宽度
        controlsH: 12,//控制按钮高度
        radius: 6//控制按钮圆角度数
    });  
})


//主页主导航主菜单事件
  /*
      //主页主导航主菜单事件
       var ths=document.querySelectorAll(".mainbanner .sidenav ul li a");
        var ds=document.querySelectorAll(".mainbanner .sidenav .maintab");
        let lastIndex = 0;
        //console.log(ths,ds);
        for(let i=0;i<ths.length;i++){
            ths[i].addEventListener("mouseenter",function(){
                ths[lastIndex].classList.remove("ent");
                ds[lastIndex].classList.remove("show"); 
               this.classList.add("ent");
               ds[i].classList.add("show"); 
               //重置上一个li标签的索引为当前li标签的索引
               lastIndex = i;   
               }) 
           }
        */
       //主页主导航主菜单事件
       var ths=document.querySelectorAll(".mainbanner .sidenav .c1");
        var ds=document.querySelectorAll(".mainbanner .sidenav .maintab");
        var mss=document.querySelector(".mainbanner");
        let lastIndex = 0;
        //console.log(ths,ds);
        for(let i=0;i<ths.length;i++){
            ths[i].addEventListener("mouseenter",function(){
                ds[lastIndex].classList.remove("show"); 
               this.classList.add("ent");
               ds[i].classList.add("show"); 
               //重置上一个li标签的索引为当前li标签的索引
               lastIndex = i;   
               }) 
               ths[i].addEventListener("mouseleave",function(){
                ds[lastIndex].classList.remove("show"); 
               }) 
           }
           //重置离开时隐藏




           //左边固定导航栏设置
           var fls=document.querySelectorAll(".flnavb ul li");
        var sps=document.querySelectorAll(".flnavb ul li span");
        
        //console.log(fls,sps);
        for(let i=0;i<fls.length;i++){
            fls[i].addEventListener("mouseenter",function(){
                sps[i].style.display="block"; 
                sps[i].style.position="absolute";
                sps[i].style.top=i*45+"px";
                sps[i].style.left="40px";
               }) 
               fls[i].addEventListener("mouseleave",function(){
                sps[i].style.display="none"; 
               }) 
           }
           //左边固定导航栏楼层滚动设置

           $(".flnavb #btn1").click(function () {
            //1 获取当前盒子距离文档顶部的距离
            let top = $(".library .library1").offset().top-50;
            // console.log(obj);
            //2 把top值赋值给浏览器窗口卷动的值。
            // document.documentElement.scrollTop = top;
            $("html,body").animate({ scrollTop: top }, 800);
          });
          $(".flnavb #btn2").click(function () {
            //1 获取当前盒子距离文档顶部的距离
            let top = $(".dress").offset().top-50;
            // console.log(obj);
            //2 把top值赋值给浏览器窗口卷动的值。
            // document.documentElement.scrollTop = top;
            // $("html,body").scrollTop(top);
            // $("html,body").scrollTop(top);
            $("html,body").animate({ scrollTop: top }, 800);
          });
          $(".flnavb #btn3").click(function () {
            //1 获取当前盒子距离文档顶部的距离
            let top = $(".exercises").offset().top-50;
            // console.log(obj);
            //2 把top值赋值给浏览器窗口卷动的值。
            // document.documentElement.scrollTop = top;
            // $("html,body").scrollTop(top);
            // $("html,body").scrollTop(top);
            $("html,body").animate({ scrollTop: top }, 800);
          });
          $(".flnavb #btn4").click(function () {
            //1 获取当前盒子距离文档顶部的距离
            let top = $(".childswear").offset().top-50;
            // console.log(obj);
            //2 把top值赋值给浏览器窗口卷动的值。
            // document.documentElement.scrollTop = top;
            // $("html,body").scrollTop(top);
            // $("html,body").scrollTop(top);
            $("html,body").animate({ scrollTop: top }, 800);
          });
          $(".flnavb #btn5").click(function () {
            //1 获取当前盒子距离文档顶部的距离
            let top = $(".home").offset().top-50;
            // console.log(obj);
            //2 把top值赋值给浏览器窗口卷动的值。
            // document.documentElement.scrollTop = top;
            // $("html,body").scrollTop(top);
            // $("html,body").scrollTop(top);
            $("html,body").animate({ scrollTop: top }, 800);
          });
       //左边固定导航栏楼层滚动设置完毕

/*


//右边固定导航栏设置初阶版
       var frclt=document.querySelector(".frnavb .clt1");
       var frct=document.querySelector(".frnavb .clt");
       frclt.addEventListener("click",function(){
        frct.style.display="block"; 
        frct.style.position="absolute";
        frct.style.top=40+"px";
        frct.style.left=-100+"px";
              }) 
      });


      $(".clt1").on("click", function () {
        // $(".clt").animate(
        //   {
                top:40;
        //     left: -100,
        //   },
        //   800
        // );
      });
     
*/
tabbox("#ebook .booklistbox h3 ul li","active","#ebook .booklistbox .con","cur");
tabbox("#cloth .booklistbox h3 ul li","active","#cloth .booklistbox .con","cur");

function tabbox(obj,act,obj1,curcon){
    $(obj).mouseenter(function(){
        $(this).addClass(act).siblings().removeClass(act)
        let index = $(this).index();
        $(obj1).eq(index).addClass(curcon).siblings().removeClass(curcon)
     }) 

   }


/*新书畅销榜*/ 
$(".bestsellerlist ul li").mouseenter(function(){
   $(this).find(".title").addClass("hide").removeClass("show");
   $(this).find(".box").removeClass("hide").addClass("show");
   $(this).siblings().find(".title").addClass("show").removeClass("hide");
   $(this).siblings().find(".box").removeClass("show").addClass("hide");
})

       //右边固定导航栏设置
       
       var frclt=document.querySelector(".frnavb .clt1");
       var frct=document.querySelector(".frnavb .clt");
       frclt.addEventListener("click",function(){
        frct.style.display="block"; 
              }) 
              frclt.addEventListener("dblclick",function(){
                frct.style.display="none"; 
                      }) 
            
              $(".clt1").on("click", function () {
                 $(".clt").stop().animate(
                   {
                    top:40,
                    left: -100,
                   },
                   800
                 );
              });
              //右边固定导航栏双击隐藏设置
              $(".clt1").on("dblclick", function () {
                $(".clt").stop().animate(
                  {
                   top:40,
                   left: 0,
                  },
                  800
                );
             });
               //顶部固定导航栏双击隐藏设置
               var ftpnav=document.querySelector(".ftopnav");
               window.addEventListener('scroll', function(){
                let t = $('body, html').scrollTop(); 
                if(t>600){

                    ftpnav.style.display="block";
                }
               });
             window.addEventListener('scroll', function(){
                let t = $('body, html').scrollTop();   // 目前监听的是整个body的滚动条距离
                
                if(t>600){
           
                   $('.ftopnav').stop().animate(
                    {
                     top:0,
                     left: 0,
                    },
                    200
                  );
               }else{
                $('.ftopnav').stop().animate(
                    {
                     top:-50,
                     left: 0,
                    },
                    900
                  );
               }
           });

//1 回到顶部点击回到顶部的事件动画
var totop1=document.querySelector(".totop1");
window.addEventListener('scroll', function(){
    let t = $('body, html').scrollTop(); 
    if(t>600){
        totop1.style.display="block";

    }else{
        totop1.style.display="none";
    }
   });
   $(".totop1").click(function () {      
    $("html,body").animate({ scrollTop: 0 }, 1200);
    $(".gototop").prop("src","images/totop002.png")
  });
  $(".totop1").mouseenter(function(){
    $(".gototop").prop("src","images/totop003.jpg")
  });
  $(".totop1").mouseleave(function(){
    $(".gototop").prop("src","images/totop001.png")
  });
//1 回到顶部点击回到顶部的事件动画设置完毕


                
                
           